// import React from "react";
// class DemoA extends React.Component{
//   constructor(props) {
//     super(props)
//     this.state = {
//       num:1
//     }
//   }
//   add() {
//     // this.setState({
//     //   num:this.state.num+1
//     // })
//     // this.setState((state) => {
//     //   return {
//     //     num:state.num+1
//     //   }
//     // })
//     this.setState(_=>({num:_.num+1}))
//   }
//   render() {
//     let {num}=this.state
//     return (
//       <div>
//         <h2>{num}</h2>
//         <button onClick={this.add.bind(this)}>+1</button>
//       </div>
      
//     )
//   }
// }

// class DemoA extends React.Component{
//   constructor(props) {
//     super(props)
//     this.state = {
//       num:1,
//     }
//   }
//   add() {
//     this.setState(_=>({num:_.num+1}))
//   }
//   render() {
//     let { num } = this.state;
//     return (
//       <div>
//         <h1>类组件--{num}</h1>
//         <button onClick={() => this.add()}>+1</button>
//       </div>
//     )
//   }
// }
// class DemoA extends React.Component {
//   constructor(props) {
//     super(props)
//     this.add=this.add.bind(this)
//     this.state = {
//       num: 1,
//     }
//   }
//   add(e) {
//     console.log(e);
//   }
//   render() {
//     let { num } = this.state;
//     return (
//       <div>
//         <h1>类组件--{num}</h1>
//         <button onClick={(e) => this.add(e)}>+1</button>
//       </div>
//     )
//   }
// }
import { useState } from "react";
function DemoA() {
  let [num, senu] = useState(1);
  let add = () => {
    // senu(num+1)
    senu(_=>_+1)
  }
  return (
    <div>
      <h2>{num}</h2>
      <button onClick={add}>+1</button>
    </div>
  )
}


export default DemoA;